.el-form-item{
  margin-bottom:0;
}

.el-form-item__error{
  padding-top:0;
  color:#ff5e5e;
  font-family:element-icons!important;
  display:block;
  height:17px;
  padding-left:25px;
  // position:relative;
  line-height:17px;

  &::before{
    content: "\E61A";
    font-size:12px;
    display:block;
    position:absolute;
    width:17px;
    height:17px;
    left:0;
    top:0;

  }
}

.el-form-item__label{
  line-height:50px;
  font-size:12px;
  color:#4d4d4d;
  text-align:left;
}

.el-form-item__content{
  line-height:50px;

  .required{
    display:block;
    line-height:60px;
    font-size:24px;
    color:#ff5e5e;
    position:absolute;
    right:20px;top:0;
  }
}

.el-form-item.is-required .el-form-item__label:before{
  display:none;
}

.el-input__inner{
  height:50px;
  // background-color:#f7f7f7;
  border-color:#f7f7f7;
  font-size:12px;
  color:#4d4d4d;
  padding:0 20px;

  &:hover{
    border-color:#e6e6e6;
  }

  &:focus{
    background-color:white;
    border-color:#e6e6e6;
  }

  &::-webkit-input-placeholder {
    color:#cacaca;
  }
}

// 输入错误边框颜色
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus{
  border-color:#ff5e5e;
}

// 输入正确边框颜色
// .el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus{
//   border-color:#ff9c00;
// }

.el-button{
  padding:0;
  height:50px;
  font-size:18px;
  color:white;
  &:hover{
    color:white;
  }
  &:focus, &:active{
    // background-color:#ff9c00;
    // border-color:#ff9c00;
    color:white;
  }
}

.el-checkbox__inner{
}

.el-checkbox:hover{
  .el-checkbox__inner{
    border-color:#ff9c00;
  }
  .el-checkbox__label{
      color:#ff9c00;
  }
}

.el-checkbox__label{
  font-size:12px;
  color:#aaa;
  a{
    // color:#ff9c00;
  }
}


// checkbox选中
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color:#ff9c00;
  border-color:#ff9c00;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color:#aaa;
}
.el-checkbox__input.is-focus .el-checkbox__inner{
  border-color:#ff9c00;
}

.el-input-group__append, .el-input-group__prepend{
  color:#ff9c00;
  font-size:12px;
  background-color:#fff2d7;
  border-color:#fff2d7;
}

.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{
  margin:-1px 0;
}

.el-step__line{
  background-color:#ececec;
}

.el-step__icon.is-text{
  border:none;
  width:40px;
  height:40px;
}

.is-wait .el-step__icon.is-text,.is-process .el-step__icon.is-text{
  background-color:#ececec;
}

.is-finish .el-step__icon.is-text{
  background-color:#474747;
}

.el-step__title.is-finish{
  color:#474747;
}

.el-step__icon-inner{
  color:white;
  font-size:20px;
  font-weight:400;
}

.el-step__head.is-finish{
  color:#474747;
  border-color:#474747;
}

.el-step.is-horizontal .el-step__line{
  top:19px;
}

.el-step__title.is-wait{
  font-size:12px;
  color:#aaa;
}

.el-step__main{
  margin-top:10px;
}

// .el-input-group__append, .el-input-group__prepend{
//   padding:0;
// }
//
// .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner{
//   padding:0 20px;
// }

// 弹窗
.v-modal{
  opacity: 1;
  background:rgba(0,0,0,.5);
}
.el-dialog.dialogPd{
  padding:20px 25px 57px 25px;
  height: auto!important;
  display: block!important;
  background: #fff!important;
  margin: 15vh auto!important;

  .el-dialog__body{
    padding:45px 20px;
  }
  // 招聘弹窗
  &.dialogTdale{
    height: auto!important;
    display: block;
    background: #fff!important;
    margin: 15vh auto!important;
    .el-dialog__body{
      padding:15px 15px 0;
    }
  }
}
.el-dialog__headerbtn{
  top: 31px;
  right: 27px;
  font-size: 24px;
  z-index: 3;
  .el-dialog__close{
    color: #c9c8c8;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: bold;
  }
  &:hover{
    .el-dialog__close{
      color: #999;
    }
  }
}
.dialog-title{
  position: relative;
  z-index: 1;
  .tit{
    display: block;
    color: #4d4d4d;
    font-size: 12px;
    position: relative;
    z-index: 1;
    &.ft22{
      font-size: 22px;
    }
  }
  // 我的认证弹窗
  .prompt{
    width: 100%;
    padding: 14px 16px;
    margin: 20px auto -10px;
    font-size: 12px;
    line-height: 1.4em;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fffaf2;
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s;
    i{
      color: #ff9c00;
    }
    span{
      color: #9c9c9c;
    }
  }
}
.dialog-footer{
  text-align: center;
  a{
    margin: 0 15px;
  }
  .btn-save{
    display: inline-block;

    width: 162px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
    &:hover{
      background-color: #fdb749;
    }
    &.bigSize{
      width: 172px;
    }
  }
  .btn-save-gray{
    display: inline-block;
    background-color: #c5c5c5;
    width: 162px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
    &:hover{
      background-color: #d5d4d4;
    }
  }
  .btn-border{
    display: inline-block;
    background-color: #fff;
    width: 160px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #ff9c00;
    font-size: 12px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border:1px solid #ff9c00;
    &:hover{
      border-color: #fdb749;
      color: #fdb749;
    }
  }
}
.dialog-content{

  .el-form-item__label{
    font-size: 12px;
    color: #6c6c6c;
  }
  .el-form-item{
    margin-bottom: 20px;
    &:last-child{
      margin-bottom: 0;
    }
  }
  .el-form-item__error{
    font-size: 12px;
    margin-top: 0;
    padding-left: 18px;
    &:before{
      font-size: 13px;
    }
  }
  .el-select.select-block,
  .el-cascader.select-block{
    display: block;
  }
  .el-input__inner{
    font-size: 12px;
  }
  .el-input__suffix i{
    font-weight:bold;
    color: #c8c8c8;
  }
  .el-cascader__label{
    line-height: 50px;
  }
}

.page-box{
  text-align: center;
  padding:50px 0;
}
.el-pager li{
  font-weight: normal;
  font-size: 12px;
  color: #a5a5a5;
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  margin: 0 3px;
}
.el-pager li.active{
  color: #fff;
  background-color: #fdb749;
  border-radius: 3px;
  &:hover{
    color: #fff;
  }
}
.el-pager li:hover{
  color: #fdb749;
}
.el-pagination .el-icon {
  font-size: 12px;
}
.el-pagination button{
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  color: #a5a5a5;
  &:hover{
    color: #fdb749;
  }
  &.disabled:hover{
    color: #dfdfdf;
  }
}
.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev{
  color: #a5a5a5;
}
.el-pager .el-icon-more::before{
  vertical-align: 0;
  font-weight: normal;
}
// 单选框
.el-radio__input.is-checked .el-radio__inner, .el-radio__input.is-indeterminate .el-radio__inner{
  // background-color:#ff9c00;
  // border-color:#ff9c00;
}
.el-radio__input.is-checked+.el-radio__label{
  color:#454545;
}
.el-radio__input.is-focus .el-radio__inner{
  // border-color:#ff9c00;
}
.el-radio__inner:hover{
  // border-color:#ff9c00;
}

.el-radio__label{
  font-size:12px;
  color:#aaa;
  a{
    color:#ff9c00;
  }
}

// 招聘弹窗自定义单选样式
.dialogRadio{
  .el-radio__input{
    width: 16px;
    height: 16px;
    display: none;
    background-size: 16px auto;
    position: absolute;
    top: 0;
    right: 0;
    .el-radio__inner{
      display: none;
    }
    &.is-checked{
      display: inline-block;
    }
  }
  .el-radio__label{
    height: 30px;
    padding: 0 20px;
    display: inline-block;
    background: #f6f7fb;
    font-size: 12px;
    color: #a5a5a5;
    line-height: 30px;
    font-size:12px;
    color:#aaa;
  }
  .is-checked .el-radio__label{
    background: #fdeaca;
    color: #ff9c00;
  }
}

.confirm-box{
  .el-message-box__headerbtn{
    font-size: 28px;
    top: 5px;
    .el-message-box__close{
      color: #e3e3e3;
      -webkit-transition: all .3s;
      transition: all .3s;
    }
    &:hover{
      .el-message-box__close{
        color: #999;
      }
    }
  }
  .el-message-box__content{
    padding:20px 15px;
  }
  .el-message-box__status::before{
    font-size: 12px;
  }
  .el-message-box__status+.el-message-box__message{
    padding-left: 26px;
  }
  .el-message-box__status{
    margin-top: -2px;
  }
  .el-message-box__status.el-icon-warning{
    color: #ff9c00;
  }
  .el-button{
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    width: 80px;
    text-align: center;
    margin-left: 15px;
  }
  .el-message-box__btns{
    padding:5px 15px 15px 5px;
  }
}

.edit-form{
  position: relative;
  z-index: 1;

  // .el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus{
  //   border-color:#67c23a;
  // }

  .el-form-item__label{
    font-size: 12px;
    color: #6c6c6c;
    text-align: right;
    padding-right: 35px;
  }
  .el-input__inner{
    font-size: 12px;
    padding: 0 15px;
  }

  .el-select{
    display: block;
  }

  .el-input__icon{
    color: #c8c8c8;
    font-weight: bold;
    font-size: 12px;
  }

  .el-select .el-input .el-select__caret{
    font-size: 15px;
    font-weight: bold;
  }
  .el-input__suffix{
    right: 10px;
  }

  .el-form-item__error{
    margin-top: 1px;
    font-size: 12px;
    padding-left: 18px;
  }

  .el-form-item__error::before{
    font-size: 13px;
  }

  .textarea-box{

  }

  .el-textarea__inner{
    background-color: #fff;
    height: 144px;
    resize: none;
    border:none;
    padding:10px 15px;
    &::-webkit-input-placeholder {
      color:#c8c8c8;
    }
  }

  .el-cascader {
    display: block;

    .el-cascader__label{
      line-height: 50px;
    }
  }

  .el-date-editor{
    cursor: pointer;
    .el-input__prefix{
      left: 335px;
    }
    &.data-prefix-small{
      .el-input__prefix{
        left: 125px;
      }

    }
  }
}

.small-form{
  .el-input--small .el-input__inner{
    height: 36px;
    font-size: 12px;
    padding:0 12px;
  }
  .el-select .el-input .el-select__caret{
    font-weight: bold;
    font-size: 12px;
    color: #c9c8c8;
  }

  .el-select .el-input.is-focus .el-input__inner{
    border-color: #e6e6e6;
  }
  .el-select .el-input .el-input__inner:hover{
    border-color: #f7f7f7;
  }
}

th{
  font-weight:normal;
}

.el-table thead{
  color:#a5a5a5;
}

.el-table th.is-leaf{
  border-color:#f6f6f6;
  background-color:#f6f7fb;
}

.el-table td, .el-table th.is-leaf{
  border-color:#f5f5f5;
}

.el-table--border::after, .el-table--group::after, .el-table::before{
  background-color:#f6f6f6;
}

.el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color:#fcfcfc;
}

.el-pagination{
  padding-top:20px;
  text-align:center;
}


.el-input__suffix{
  right:10px;
  color:#c8c8c8;
}

.el-input__icon,
.el-select .el-input .el-select__caret{
  font-size:20px;
}

.el-select .el-input.is-focus .el-input__inner,
.el-select:hover .el-input__inner{
  border-color:#e6e6e6;
}

.el-select-dropdown__item.selected{
  color:#ff9c00;
}

.el-select .el-input .el-select__caret{
  color:#c8c8c8;
}

.el-select .el-input .el-select__caret{
  font-size:20px;
  color:#c8c8c8;
}

.el-select .el-input .el-select__caret.is-show-close,
.el-select .el-input .el-select__caret.is-show-close:hover{
  font-size:12px;
  color:#c8c8c8;
}

.el-select-group__title{
  color:#ccc;
  font-size:12px;
}

.el-table th>.cell{
  text-align:center;
}

.el-table .cell.el-tooltip{
  text-align:center;
}

.el-table .cell, .el-table th div{
  padding-left: 5px;
  padding-right: 5px;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
  background-color:#fcfcfc;
}

.el-textarea__inner{
  padding:10px 15px;
  background-color:#fff;
  border-color:#f8f8f8;
  color:#666;
  font-size:12px;

  &::-webkit-input-placeholder {
    color:#cacaca;
  }
}

.el-textarea__inner:focus,
.el-textarea__inner:hover{
  border-color:#e6e6e6;
}
.dialogPd.pdbody0 .el-dialog__body{
  padding:14px 10px 30px 10px;

  .el-textarea__inner{
    resize: none;
    height: 100px;
  }
}
.dialogPd .el-select{
  display: block;
}
.el-select .el-input .el-select__caret{
  font-size: 12px;
  color: #d7d7d7;
}

// 时间选择器按钮默认
.has-time{
  .el-button,.el-time-panel__btn{
    padding:0;
    height: auto;
    font-size:12px;
    font-weight: normal;
    background-color: #fff;
    border: none;
    color: #409EFF;
    &:hover{
      background-color: #fff;
      color: #409EFF;
    }
    &:focus, &:active{
      background-color: #fff;
      color: #409EFF;
    }
  }
}
.SendOffer{
  .el-input{
    width: 100%!important;
  }
  .salary-span{
    position: absolute;
    top: 0;
    right: 10px;
  }
}
// 添加附件
.upload-materials{
  margin: 45px auto 0;
  text-align: right;
  .el-button{
    height: 40px;
    padding: 0 28px;
    font-size: 12px;
    &.btn-border{
      background: #fff;
      color: #ff9c00;
    }
    margin-left: 10px;
  }
  .el-upload-list{
    text-align: left;
  }
}
// 评论备注【上传文件】
.comment-upload{
  width: 150px;
  float: left;
  font-size: 0;
  &.upload-file{
    width: 230px;
  }
  .el-button{
    padding: 0;
    height: 39px;
    font-size: 12px;
    background-color: #fff;
    border: none;
    color: #999;
    &+.el-button{
      margin-left: 0;
    }
    span{
      height: 20px;
      display:inline-block;
      font-size:12px;
      line-height: 20px;
      color:#999;
      padding-left:24px;
      position:relative;
      cursor:pointer;
      &:before{
        content:'';
        display:block;
        width:20px;
        height:20px;
        position:absolute;
        left:0;
        top:0;
        background-position:center;
        background-repeat:no-repeat;
      }
    }
    &.upload-img{
      span:before{
      }
    }
    &.upload-file{
      span:before{
      }
    }
    &.upload-submit{
      float: right;
      padding-left: 24px;
      span{
        padding-left: 0;
        color: #ff9c00;
      }
    }
  }
}

// 评分弹窗
.scoreList{
  .dialog-content &.el-form-item{
    height: 25px;
    padding: 0 0 10px;
    line-height: 25px;
    margin: 0 auto;
    label{
      height: 25px;
      padding-right: 30px;
      text-align: right;
      line-height: 25px;
    }
  }
  .el-form-item .el-form-item__content{
    height: 30px;
    .el-rate{
      span{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        &.el-rate__text{
          margin-left: 30px;
        }
        i{
          font-size: 28px;
        }
      }
    }
  }
}

.dialogPd.changeClose .el-dialog__headerbtn{
  top: 15px;
  right: 20px;
}

.select-address{
  input::-moz-placeholder {
    color: #4d4d4d;
  }
  input:-ms-input-placeholder {
    color: #4d4d4d;
  }
  input::-webkit-input-placeholder {
    color: #4d4d4d;
  }
}


// 人才库出现滚动条问题
.el-table__fixed, .el-table__fixed-right{
  overflow-y: hidden;
}

.el-dialog.dialogVideo{
  background-color: #000;
  .dialog{
    width: auto;
  }
  video{
    width: 100%;
    position: relative;
  }
}

.el-dialog.dialogHeadimg{
  padding: 20px 25px 52px 25px;
  .el-dialog__body{
    // padding:22px 20px;
    padding:0;
  }
  .el-dialog__footer{
    padding:20px 15px 0px 15px;
  }
}

.el-dialog.dialogDetail{
  padding: 25px 25px 52px 25px;
  .el-dialog__headerbtn{
    top: 40px;
  }
  .el-dialog__body{
    padding:12px 17px 13px 17px;
  }
  .el-dialog__footer{
    padding:20px 15px 20px 15px;
  }
}
